<!--
 * @Description: 第二十四章（兄弟组件传参和Bus）
 * @Author: IA ia@kepro.space
 * @Date: 2025-02-18 16:07:26
-->
<template>
  <div>
    <h1>我是B组件</h1>
    <div class="B">flag: {{ flag }}</div>
  </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'

type Props = {
  flag: boolean
}

defineProps<Props>()
</script>
<style scoped>
h1,
h2,
hr {
  margin: 10px 0;
}

.B {
  width: 200px;
  height: 200px;
  color: #fff;
  background-color: red;
}
</style>
